<template>
  <div id="failureList">
    <el-dialog title="失败名单" stripe :visible.sync="isDial" width="1000px">
        <el-table :data="gridData"  size="mini">
          <el-table-column property="owner" label="业主" width="80"></el-table-column>
          <el-table-column property="owner_phone" label="手机号" width="120"></el-table-column>
          <el-table-column property="address" label="物业地址"></el-table-column>
          <el-table-column property="time" label="服务时间" width="180"></el-table-column>
          <el-table-column property="servicer" label="管家姓名" width="80"></el-table-column>
          <el-table-column property="servicer_phone" label="管家手机号" width="120"></el-table-column>
          <el-table-column  label="失败原因" width="200">
            <template slot-scope="scope">
              <span class="red">{{scope.row.error}}</span>
            </template>
          </el-table-column>
        </el-table>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      gridData: [
        // {
        //   date: "2016-05-02 12:00:20",
        //   owner: "业主姓名",
        //   housekeeperName: "管家姓名",
        //   housekeeperPhone: "152******84",
        //   phone: "15268095284",
        //   address: "上海市普陀区金沙江路 1518 弄"
        // }
      ],
      isDial: false
    };
  },
  created() {
    let that = this;
    this.$root.$on("seeFailureList", (data,infoList) => {
      console.log(data);
      console.log(infoList)
      that.gridData=infoList
      that.isDial = true;
    });
  }
};
</script>
<style lang="less" scoped>
#groupList{
    .dialog-in{
        overflow: hidden;
    }
    .red{
      color: #F56C6C
    }
}
</style>


